<template>
	<div>
		<iframe ref="myIframe" :src="websiteUrl" frameborder="0"></iframe>
	</div>
</template>

<script>
	import {
		defineComponent
	} from 'vue';
	import {
		ElMessage
	} from 'element-plus';
	import 'element-plus/theme-chalk/el-message.css'
	export default defineComponent({
		data() {
			return {
				websiteUrl: "https://chat18.aichatos.xyz/"
			};
		},
		mounted() {
			const myHead = this.$refs.myHead;
			console.log(myHead)
			const myIframe = this.$refs.myIframe;
			const iframe = myIframe.value;
			console.log(myIframe)
			// 等待 iframe 加载完成后再操作
			myIframe.onload = () => {
				// 使用 contentWindow.document.getElementById 获取 iframe 中的元素
				const elementInIframe = myIframe.contentWindow.document.getElementById('scrollRef');
				elementInIframe.style.display = none;
			};
			ElMessage({
				message: '收款码非本人交易码，请谨慎交易！',
				type: 'warning'
			});
		}
	});
</script>

<style>
	iframe {
		width: 100%;
		height: 500px;
		/* 设置嵌套网站的高度 */
	}

	iframe #scrollRef {
		display: none;
	}
</style>